<template>
  <div id="RegistrationList">
		<vue-seamless-scroll :data="newData" class="seamless-warp" :class-option="classOption">
			<ul class="item" v-for="item in newData" :key="item.index">
				<li>
					{{item.realName}}
				</li>
				<li>
					{{item.classes}}
				</li>
				<li>
					2021/9/9
				</li>
			</ul>
		</vue-seamless-scroll>
		<img src="../../../static/img/k.png" style="position: absolute;left: 0;top: 10px;width: 100%;" alt="">
  </div> 
</template>

<script>
	import vueSeamlessScroll from 'vue-seamless-scroll'
	export default {
		name: "RegistrationList",
		props:['newData'],
		components:	{	//组件
			vueSeamlessScroll
		},
		created: function () {
			// console.log(this)
			// console.log(this.newData)
		},
		computed:{
			classOption (){
				return {
					step:0.5
				}
			}
		}
	}
</script>

<style scoped>
	.seamless-warp {
		height: 120px;
		overflow: hidden;
		position: relative;
		top: 25px;
	}
	#RegistrationList {
		height: 180px;
		background: #2a2080;
		color: white;
		/* margin-top: 20px; */
		position: relative;
		box-sizing: border-box;
	}
	.item > li {
		display: inline-block;
		width:33.33%;
		text-align: center;
		margin-top: 10px;
	}
</style>